<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--顶部导航栏 sticky-top固定头部  navbar-dark深色背景-->
     <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0"  th:fragment="topbar">
         <img class="navbar-brand col-sm-1 col-md-1 mr-1" th:src="@{/img/pet.jpeg}">
         <h1 class="font-weight-bold" style="color: #c69500" th:align="center">宠    物    医    院</h1>
         <ul class="navbar-nav px-3">
         <li class="nav-item text-nowrap">
             <div th:if="${session.loginUser==null}">
                 <a class="btn btn-sm btn-danger" th:href="@{/toLogin}">登录</a>
             </div>
             <div>
                 <div style="color: #ff0000" th:text="${session.loginUser}" th:if="${not #strings.isEmpty(session.loginUser)}"></div>
                 <div th:if="${not #strings.isEmpty(session.loginUser)}">
                     <a class="btn btn-sm btn-danger" th:href="@{/loginOut}">注销</a>
                 </div>
             </div>
        </li>
         </ul>
     </nav>

<!--侧边栏-->
<nav class="col-md-1 d-none d-md-block bg-light sidebar" th:fragment="sidebar">
    <div class="sidebar-sticky">
        <ul class="nav flex-column">
            <li class="nav-item">
                <a th:class="${active=='main.html'?'nav-link active':'nav-link'}" th:href="@{/main.html}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">
                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                    </svg>
                    首页
                </a>
            </li>
            <li class="nav-item">
                <a th:class="${active=='doctor/doctorList.html'?'nav-link active':'nav-link'}"  th:href="@{/getDoctors}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users">
                        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                        <circle cx="9" cy="7" r="4"></circle>
                        <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                        <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                    </svg>
                    医生列表
                </a>
            </li>
            <li class="nav-item">
                <a th:class="${active=='pet/petInfo.html'?'nav-link active':'nav-link'}"  th:href="@{/getPets}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter">
                        <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
                    </svg>
                    宠物登记
                </a>
            </li>
            <li class="nav-item">
                <a th:class="${active=='doctor/medical.html'?'nav-link active':'nav-link'}" th:href="@{/getMedical}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid">
                        <rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect>
                        <rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect>
                    </svg>
                    治疗中心
                </a>
            </li>
            <li class="nav-item">
                <a th:class="${active=='user/userInfo.html'?'nav-link active':'nav-link'}" th:href="@{/getEvaluate}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit">
                        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
                        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
                    </svg>
                    用户评价
                </a>
            </li>
        </ul>
        <h3 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
            <span style="color: #c69500">院长职能</span>
        </h3>
        <ul class="nav flex-column mb-2">
            <li class="nav-item">
                <a th:class="${active=='director/watchList.html'?'nav-link active':'nav-link'}" th:href="@{/watchList}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
                        <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
                        <polyline points="13 2 13 9 20 9"></polyline>
                    </svg>
                    值班管理
                </a>
            </li>
             </li>
            <li class="nav-item">
                <a th:class="${active=='director/message.html'?'nav-link active':'nav-link'}" th:href="@{/getMessage}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail">
                        <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
                        <polyline points="22,6 12,13 2,6"></polyline>
                    </svg>
                    发送邮件
                </a>
            </li>
            <li class="nav-item">
                <a th:class="${active=='director/consult.html'?'nav-link active':'nav-link'}" th:href="@{/toConsult}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    查看评价
                </a>
            </li>
        </ul>
    </div>
</nav>

</html>